{% extends "base.html" %}

{% block content %}
<div class="row">
    <div class="col-md-12 mb-4">
        <h2>管理员控制面板</h2>
        <p class="text-muted">欢迎，{{ current_user.name }}。您可以在此管理系统用户、技能和文章。</p>
    </div>
</div>

<div class="row">
    <div class="col-md-4">
        <div class="card mb-4">
            <div class="card-header bg-primary text-white">
                <h5 class="mb-0">用户管理</h5>
            </div>
            <div class="card-body">
                <p>管理系统中的所有用户，包括编辑用户信息和删除用户。</p>
                <p><strong>当前用户数:</strong> {{ user_count }}</p>
                <a href="{{ url_for('admin.users') }}" class="btn btn-primary">管理用户</a>
            </div>
        </div>
    </div>
    
    <div class="col-md-4">
        <div class="card mb-4">
            <div class="card-header bg-success text-white">
                <h5 class="mb-0">技能管理</h5>
            </div>
            <div class="card-body">
                <p>管理系统中的所有技能标签，包括创建、编辑和删除技能。</p>
                <p><strong>当前技能数:</strong> {{ skill_count }}</p>
                <a href="{{ url_for('skills.index') }}" class="btn btn-success">管理技能</a>
            </div>
        </div>
    </div>
    
    <div class="col-md-4">
        <div class="card mb-4">
            <div class="card-header bg-info text-white">
                <h5 class="mb-0">文章管理</h5>
            </div>
            <div class="card-body">
                <p>管理系统中的所有文章，包括编辑和删除任何用户的文章。</p>
                <p><strong>当前文章数:</strong> {{ article_count }}</p>
                <a href="{{ url_for('articles.index') }}" class="btn btn-info">管理文章</a>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-6">
        <div class="card mb-4">
            <div class="card-header bg-warning">
                <h5 class="mb-0">最新用户</h5>
            </div>
            <div class="card-body">
                {% if recent_users %}
                <div class="list-group">
                    {% for user in recent_users %}
                    <div class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
                        <div>
                            <h6 class="mb-1">{{ user.name }}</h6>
                            <small class="text-muted">{{ user.username }} | {{ '管理员' if user.role == 'admin' else '成员' }}</small>
                        </div>
                        <div>
                            <a href="{{ url_for('users.profile', id=user.id) }}" class="btn btn-sm btn-outline-primary">查看</a>
                            <a href="{{ url_for('admin.edit_user', id=user.id) }}" class="btn btn-sm btn-outline-warning">编辑</a>
                        </div>
                    </div>
                    {% endfor %}
                </div>
                {% else %}
                <p class="text-muted">暂无用户</p>
                {% endif %}
            </div>
        </div>
    </div>
    
    <div class="col-md-6">
        <div class="card mb-4">
            <div class="card-header bg-danger text-white">
                <h5 class="mb-0">最新文章</h5>
            </div>
            <div class="card-body">
                {% if recent_articles %}
                <div class="list-group">
                    {% for article in recent_articles %}
                    <div class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
                        <div>
                            <h6 class="mb-1">{{ article.title }}</h6>
                            <small class="text-muted">作者: {{ article.author.name }} | {{ article.created_at.strftime('%Y-%m-%d') }}</small>
                        </div>
                        <div>
                            <a href="{{ url_for('articles.view', id=article.id) }}" class="btn btn-sm btn-outline-primary">查看</a>
                            <a href="{{ url_for('articles.edit', id=article.id) }}" class="btn btn-sm btn-outline-danger">编辑</a>
                        </div>
                    </div>
                    {% endfor %}
                </div>
                {% else %}
                <p class="text-muted">暂无文章</p>
                {% endif %}
            </div>
        </div>
    </div>
</div>
{% endblock %}